<template>
	<div>
		<!--<transition name="custom-classes-transition" enter-active-class="animated fadeInDown" leave-active-class="animated fadeOutUp" >
			<div v-if="help" style="text-align: left;margin-bottom: 10px;">
				<Steps :current="current" size="small">
			        <Step title="导入基数" content="导入基数成绩"></Step>
			        <Step title="导入本次" content="导入本次成绩"></Step>
			        <Step title="评价计算" content="选取基数和本次成绩进行计算"></Step>
			    </Steps>
			</div>
		</transition>-->
		<!--<div style="position: absolute;top:75px;right:50px;z-index: 1;">
			<Tooltip content="帮助" :transfer=true theme="light">
				<Button @click="helpbtn" size="small" type="warning" ><span style="font-weight: bold;">?</span></Button>
			</Tooltip>
		</div>-->
		
		<div style="padding-top: 20px ;">
			<Tabs v-model="value">
				<TabPane label="评价计算"  name="3">
		        	<introductioncalculation></introductioncalculation>
		       </TabPane> 
				<TabPane label="基数列表"  name="0">
		        	<introductioncardinal></introductioncardinal>
		        </TabPane>
				<TabPane label="本次列表"  name="1">
		        	<introductionthistime></introductionthistime>
		        </TabPane>
				<TabPane label="评价列表"  name="2">
		        	<addcalculation></addcalculation>
		       </TabPane> 
		    </Tabs>
		</div>
		
	    
	</div>
</template>

<script>
	import introductioncardinal from '@/components/performance/introductionscore/middle/Introductioncardinal'
	import introductionthistime from '@/components/performance/introductionscore/middle/Introductionthistime'
	import addcalculation from '@/components/performance/introductionscore/middle/Addcalculation'
	import introductioncalculation from '@/components/performance/introductionscore/middle/Introductioncalculation'
	import { mapState } from 'vuex'
	export default{
		data(){
			return{
				value:"3",
//				help:false,
//				current:0,
			}
		},
		components:{
			introductioncardinal,introductionthistime,addcalculation,
			introductioncalculation
		},
		computed: {
			
		},
		methods:{
//			helpbtn:function(){
//				this.help = !this.help;
//			}
		},
		watch:{
//			value:function(newvalue){
//				this.current = parseInt(newvalue);
//				
//			}
		}
	}
</script>

<style >
	.ivu-tabs-bar{
		border: 0px;
	}
	.ivu-tabs-ink-bar{
		height: 0px;
	}
</style>